<template>

    <div class="add_operator_container">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>财务</el-breadcrumb-item>
            <el-breadcrumb-item>合作商管理</el-breadcrumb-item>
            <el-breadcrumb-item>添加合作商</el-breadcrumb-item>
        </el-breadcrumb>

        <el-card class="add_operator_list_card">

            <!-- title -->
            <el-row class="title">
                <el-col>添加合作商</el-col>
            </el-row>

            <!-- 主体内容 -->
            <div class="add_operator_content">
                <el-form class="add_operator_list_form" :rules="rules" ref="ruleForm" :model="ruleForm" label-width="120px">
                    <el-form-item prop="supplier_name" class="width_380" label="供应商名称：">
                        <el-input v-model="ruleForm.supplier_name" placeholder="请输入供应商名称"></el-input>
                    </el-form-item>

                    <el-form-item prop="leading_official_name" class="width_380" label="负责人姓名：">
                        <el-input v-model="ruleForm.leading_official_name" placeholder="请输入负责人姓名"></el-input>
                    </el-form-item>

                    <el-form-item prop="leading_official_phone" class="width_380" label="负责人电话：">
                        <el-input v-model="ruleForm.leading_official_phone" placeholder="请输入负责人电话"></el-input>
                    </el-form-item>

                    <el-form-item prop="login_num" class="width_380" label="登陆账号：">
                        <el-input v-model="ruleForm.login_num" placeholder="请输入登陆账号"></el-input>
                    </el-form-item>

                    <el-form-item prop="login_password" class="width_380" label="登陆密码：">
                        <el-input v-model="ruleForm.login_password" placeholder="请输入登陆密码"></el-input>
                    </el-form-item>

                    <el-form-item prop="customer_id" class="width_380" label="客服人员：">
                        <el-select style="width: 100%;" size="medium" v-model="ruleForm.customer_id" placeholder="请选择客服人员">
                            <el-option v-for="item in customerList" :key="item.staffId" :label="item.userName" :value="item.staffId">
                            </el-option>
                        </el-select>
                    </el-form-item>

                    <!--<el-form-item prop="custom_service_num" class="width_380" label="客服数量：">-->
                        <!--<el-input v-model="ruleForm.custom_service_num" placeholder="请输入客服数量"></el-input>-->
                    <!--</el-form-item>-->

                    <el-form-item prop="auth" label="权限管理：">
                        <el-transfer :titles="['可分配的权限', '已分配的权限']" v-model="ruleForm.auth" :data="data"></el-transfer>
                    </el-form-item>

                    <el-form-item prop="status" label="状态：">
                        <el-radio v-model="ruleForm.status" label="1">开启</el-radio>
                        <el-radio v-model="ruleForm.status" label="2">关闭</el-radio>
                    </el-form-item>

                    <el-form-item>
                        <el-button type="primary" @click="save('ruleForm')">保存</el-button>
                        <el-button>返回</el-button>
                    </el-form-item>
                </el-form>
            </div>

        </el-card>
    </div>

</template>

<script src='../../../static/js/operator/add_operator_list.js'></script>

<style scoped>
@import "../../../static/css/operator/add_operator_list.css";
</style>


